import {
    LeftOutline,
    RightOutline,
    UpOutline,
    DownOutline,
    AppOutline,
    PayCircleOutline,
    UnorderedListOutline,
    SetOutline,
    MoreOutline,
    AddOutline,
    AddCircleOutline,
    SearchOutline,
    DeleteOutline,
    DownlandOutline,
    CloseOutline,
} from 'antd-mobile-icons';
import React from 'react';

export default React.memo((props) => {
    const { type, color, fontSize, style } = props;

    switch (type) {
        case 'left': return <LeftOutline color={color} fontSize={fontSize} />;
        case 'right': return <RightOutline color={color} style={style} fontSize={fontSize} />;
        case 'app': return <AppOutline color={color} fontSize={fontSize} />;
        case 'paycircle': return <PayCircleOutline color={color} fontSize={fontSize} />;
        case 'unorderedlist': return <UnorderedListOutline color={color} fontSize={fontSize} />;
        case 'set':return <SetOutline color={color} fontSize={fontSize} />;
        case 'more': return <MoreOutline color={color} fontSize={fontSize} />;
        case 'add': return <AddOutline color={color} fontSize={fontSize} />;
        case 'addcircle': return <AddCircleOutline color={color} fontSize={fontSize} />;
        case 'search': return <SearchOutline color={color} fontSize={fontSize} />;
        case 'delete': return <DeleteOutline color={color} fontSize={fontSize} />;
        case 'download': return <DownlandOutline color={color} fontSize={fontSize} />;
        case 'close': return <CloseOutline color={color} fontSize={fontSize} />;
        case 'up': return <UpOutline color={color} fontSize={fontSize} />;
        case 'down': return <DownOutline color={color} fontSize={fontSize} />;

        default: return null;
    }
});
